10 Awesome Lightbox For Text Collection
MetroBox – Responsive Metro Lightbox – Version 1.MetroBox is a jQuery slideshow plugin for displaying photos/videos or anything you want with visitor/user comments ( like social network features ).Support all HTML content ( Text, images, video, iframe … )
Show Comment For Each Content
Custom Content Box for Text, HTML, PHP…
TileBox – Modern Responsive LightBox CSS
MetroBox – Responsive LightBox
MetroPanel – A New Navigator for Modern Sites
This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button. Support thumbnails for the grid only to the images you want to improve performance
Fully Responsive Grid and Lightbox
You can specify a static width for each column or specify number of columns
When specifying the number of columns you can set the minimum width for each column
Lightbox with slideshow (play, pause, auto-play)
IE was showing fat images in the lightbox and now is fix
Fixed a small console errors and also a small bug when you click to fast the next button in the lightbox
Image Gallery is JavaScript (jQuery based) script converting unordered list into an Image Gallery with Lightbox.Can display thumb images, big images for the lightbox, description text for the thumb images and description text for the lightbox.Lightbox
Example of gallery with 1 image (including the big image for the lightbox):
<img class="thumb" src="Link to thumb image" alt="Lightbox Text" />
<p class="description">Description Text</p>
optimized for mobile – look and feel of a native app on mobile with touch swipe, pinch zoom etc
lightbox or full page
show all pages – vertical or jQuery slideshow with horizontal thumbnails depending on the layout, with scrollbar, optimized for jQuery mobile lightbox
retina friendly icons – icon font used for menu icons, fully customizable – change color, size, add drop shadow ect.fix for 2d flip animation for Opera and IE
added go to page option – current page is now input text
bug fixes for IE 10
added lightbox mode – book can be opened in a lightbox when clicked on a book cover
added light effect for 3d flip
Performance optimization for 3d flip on android
Support for multiple categories, of course it can still be used with a single category as before.Lightbox Iframe support.Lightbox description autoopen (open item description without pressing the info button).Added an extra way to close the lightbox by pressing outside the item area.Added support for MSPointer events for windows8 mobile. When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Great performance on mobile devices, you can see in the video demo that it runs just like a native app!, it was coded and optimized for lightbox for mobile devices and it is 100% mobile compatible and of course it will run just as great on desktop computers including on older browsers like IE7 and IE8. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height
Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the background color and opacity also can be modified (optional). For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo.Lightbox main features:
Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional). Keyboard support: the left and right arrows can be used for navigation (optional).2013 – Bug fix related to the lightbox when it is zoomed on Chrome and better detection for mobile devices.
Plays audio and video natively in modern HTML5 browsers and switches over to Flash/Silverlight for older browsers by using Mediaelement. The gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. Handy keyboard shortcuts have been provided for easier navigation of the gallery. You can pull photos from Flickr by searching for a text string or tags. You can pull photos from Picasa by searching for a text string. You can even set for how long the data will be cached. Can mention a thumbnail image gallery for the gallery sets. By default the thumbnail for the first item in the set is used to represent the set. Autoplay audio and video when Lightbox opens in Thumbnail Grid mode. Choose the animated effect for the items in Thumbnail Grid mode when it first shows. Choose the animated effect for showing item captions/descriptions in Thumbnail Grid mode. Choose the animated effect for transition between items in Full-width mode. Choose the animated effect for showing/hiding the Gallery Sets screen (home screen). The gallery supports preloading of images in Full-width mode for smoother viewing. The time interval for which a particular item is visible during slideshow can be set. Option to set the path for the gallery configuration XML file.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers. Modified the code to account for escaping of characters in the cached xml file (when pulling images from Flickr/Picasa) if magic quotes in the server were turned on.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery.
Combine all of your social network interactions into a single network stream or create a single feed for multiple social network profiles.Please note that the Twitter API now requires PHP for authentication and the PHP file to be hosted on the same domain.Looking for a WordPress version – WordPress Social Stream Plugin
Looking For jQuery Social Media Plugins?
Retweet, reply & favorite links for Twitter posts
Option to add in user controls for feed slider.Option to add social network filter for user to disable/enable individual networks.Inline video player for Tumblr video posts.Adding A photo gallery jQuery lightbox
Updated: time function for IE
Added: Title attributes for youtube and vimeo links
browser function for jQuery 1.Updated: URL for facebook album API
Updated: https for google feed API
Updated: nicetime function updated for easier translation
Updated: decode intro text
Updated: Force orderby published date for youtube playlists
Updated: Added check for Instagram caption text
Updated: No access token required for Instagram tag searches
Updated: Change item selector for isotope
Fixed: Facebook user link for rotating feed
Added: User name option for facebook
Updated: Twitter display date for Safari
Updated: Trim user IDs & intro text
Updated: Facebook icon link for wall feed items
Updated: Facebook & RSS feeds – option to show complete post text
Updated: Feed URL for last.
It’s perfect for presentations, for anyone that want to obtain a great impact on their visitors. When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, no action or open a webpage. The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo. Support for any number of categories and each category can have any number of images, if it has only one category the categories selector is disabled/not visible.Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery background slideshow and opacity also can be modified (optional). For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “More thumbs” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “More thumbs” button is pressed again the 20 remaining thumbnails are showed. Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, iframe (html pages) or videos loaded from YouTube or Vimeo.Lightbox main features.Iframe support: The lightbox can display HTML pages, all you have to do is to include the link of your page that you want to display.Image support: The lightbox can load and display .Zoom and panning support for images: The images can be zoomed in and out or paned, this way you can see the image in great detail (optional).Info button and info window: Each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional). Keyboard support: The left and right arrows can be used for navigation (optional).
The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Great performance on mobile devices, you can see in the video demo that it runs just like a native app!, it was coded and optimized for jQuery lightbox mobile devices and it is 100% mobile compatible and of course it will run just as great on desktop computers including on older browsers like IE7 and IE8. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the background color and opacity also can be modified (optional). For example if you have a total of 120 thumbnails you can show them in sets of 50 thumbnails, and so initially in the grid the first set of 50 thumbnails are loaded and displayed, and when the “load more thumbnails” button is pressed the next set of 50 thumbnails are loaded and displayed, and finally when the “load more thumbnails” button is pressed again the 20 remaining thumbnails are showed. Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo. LIGHTBOX MAIN FEATURES
Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional). Keyboard support: the left and right arrows can be used for navigation (optional).2013 – Fixed some bugs related to the lightbox and added better support for mobile detection.
This lightbox will leave your site connected to all social networks. After all, there are buttons for sharing to other networks such as Facebook, Google Plus, Twitter, LinkedIn, Pinterest. This lightbox will open any type of content, images, text, iframes, ajax content, videos, youtbube, vimeo and flash.